<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:m="http://code.google.com/p/gmaps4jsf/"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.org/rich"
	template="layout/templateharita.xhtml"
	xmlns:a="http://richfaces.org/a4j">

	<ui:define name="body">
		<style type="text/css">
.colStyle1 {
	width: 360px;
}

.colStyle2 {
	width: 260px;
	background: green;
}

.colStyle3 {
	width: 160px;
	background: blue;
}

.textTipi {
	width: 250px;
}
</style>

		<h:form id="harita" styleClass="edit">

			<rich:simpleTogglePanel label="Harita Bilgileri Seçim Alanı"
				switchType="ajax">
				<h:panelGrid columns="3" columnClasses="colStyle1">
					<h:outputText value="İl" style="font-weight:bold;" />
					<h:outputText value="İlçe" style="font-weight:bold;" />
					<h:outputText value="Semt" style="font-weight:bold;" />
					<h:selectOneMenu value="#{haritaGoruntuleme.iller}" id="IlID"
						style=" width : 250px;">
						
						<s:selectItems var="_il" value="#{illerList.illerList}"
							label="#{_il.ilAdi}" noSelectionLabel="İl Seçimi Yapınız  ">
						</s:selectItems>
						<s:convertEntity />
						<a:support event="onchange" eventsQueue="q1" reRender="ilcelerId"
							actionListener="#{haritaGoruntuleme.ilCodeListener}"
							bypassUpdates="true" ajaxSingle="true">
						</a:support>
					</h:selectOneMenu>
					<h:selectOneMenu value="#{haritaGoruntuleme.ilce}" id="ilcelerId"
						style=" width : 250px;">
						<s:selectItems var="_ilce"
							value="#{haritaGoruntuleme.ilcelerList}" label="#{_ilce.ilceAdi}"
							noSelectionLabel="İlçe Seçimi Yapınız  ">
						</s:selectItems>
						<s:convertEntity />
						<a:support event="onchange" eventsQueue="q12"
							actionListener="#{haritaGoruntuleme.ilceCodeListener}"
							reRender="semtlerId" bypassUpdates="true" ajaxSingle="true">
						</a:support>
					</h:selectOneMenu>

					<h:selectOneMenu value="#{haritaGoruntuleme.semt}" id="semtlerId"
						style=" width : 250px;">
						<s:selectItems var="_semt"
							value="#{haritaGoruntuleme.semtlerList}" label="#{_semt.semtAdi}"
							id="semtSecimId" noSelectionLabel="Semt Seçimi Yapınız">
						</s:selectItems>
						<s:convertEntity />
					</h:selectOneMenu>

				</h:panelGrid>

			</rich:simpleTogglePanel>

			<div class="actionButtons">
			<h:commandButton id="search"
				value="Göster" action="#{haritaGoruntuleme.doHarita}" />
			<h:commandButton id="yarat"
                value="Yarat" action="#{haritaGoruntuleme.gpsVerisiYarat2}" />
           		</div>
	 
			<h:panelGroup id="countryMapGroup">
				<f:facet name="header">Lokasyon Bilgileri</f:facet>
				<m:map id="mapId" width="1000px" height="500px"
					address="#{haritaGoruntuleme.defaultLokasyon}"
					zoom="#{haritaGoruntuleme.defaultZoom}">
					<m:mapControl name="GLargeMapControl"
						position="G_ANCHOR_BOTTOM_LEFT" />
					<m:mapControl name="GMapTypeControl" />
					<a:repeat value="#{haritaGoruntuleme.lokasyonBilgileriList}"
						var="_lok" id="mapPanel">
						<m:marker latitude="#{_lok.latitude}"
							longitude="#{_lok.longitude}">
							<m:htmlInformationWindow htmlText="#{_lok.htmlBilgisi}"></m:htmlInformationWindow>
						</m:marker>
					</a:repeat>
				</m:map>
			</h:panelGroup>
		</h:form>

	</ui:define>

</ui:composition>
